<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>



    <script src="../js/b.js" type="module"></script>


    <script>

        // 使用模块化语法  必须在script标签上定义type = "module"

        // 定义模块导入
        //     import xx from '文件'    当导出的内容只有一个的时候，使用这种语法
        //     import {xx} from '文件'  当导出的内容有多个的时候，使用这种语法
        //     import * as 对象名字 from  '文件'  当导出的内容有多个的时候，使用这种语法



        // 定义模块导出
        //     export default   当导出的内容只有一个的时候，使用这种语法
        //        1 直接写在变量的前面   export default function fn(){}
        //        2 export default fn


        //     export    当内容有多个的时候
        //       1 直接写在变量的前面   export function f1(){}   export function f2(){}
        //       2 export {f1,f2}

    </script>

</body>

</html>